/*
Theme Name: Zombie Outlaw
Theme URI: 
Author: 
Author URI: 
Description: 

*/
/* -------------------------------------------------------------------------------------- HACKS */

a, a:hover, a:visited, a:active{text-decoration:none;}

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	color:#0a0e11;
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:23px;
	font-weight:normal;
}

.blue{		background:#fff url(images/blue_bg.jpg) repeat-x left 30px; }
.bluesky{ 	background:#e1e9db url(images/bluesky_bg.jpg) repeat-x left 30px; }
.red{		background:#fff url(images/red_bg.jpg) repeat-x left 30px; }
.pink{		background:#fff url(images/pink_bg.jpg) repeat-x left 30px; }
.yellow{ 	background:#fff url(images/yellow_bg.jpg) repeat-x left 30px; }
.orange{	background:#fff url(images/orange_bg.jpg) repeat-x left 30px; }
.marron{	background:#fff url(images/marron_bg.jpg) repeat-x left 30px; }
.green{		background:#fff url(images/green_bg.jpg) repeat-x left 30px; }
.cream{		background:#e2e2e2 url(images/cream_bg.jpg) repeat-x left 30px; }
.office{	background:#fff url(images/office_bg.png) repeat 50% top; }
.paper{		background:#fff url(images/paper_bg.jpg) repeat 50% top; }
.stone{		background:#fff url(images/stone_bg.jpg) repeat 50% top; }

#wrap{
	display:none;
	width:100%; height:100%;
}

/* -------------------------------------------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6{ font-family:'Helvetica', Helvetica, 'Myriad Pro', 'Myriad Pro Bold', Arial, Sans-serif; }

	h1{	font-size:60px; }
	h2{	font-size:48px; }
	h3{	font-size:36px; }
	h4{	font-size:24px; }
	h5{	font-size:14px; }
	h6{	font-size:12px; }


/* -------------------------------------------------------------------------------------- TOP BAR */
	#top_bar{
		background:#000;
		color:#FFF;
		display:block;
		height:30px;
		font-size:11px;
	}
	#top_bar .content{
		margin:0 auto;
		width:960px;
		position:relative;
	}
	#top_bar ul{
		margin:0 0 0 20px;
		height:30px; line-height:32px;
	}
	#top_bar ul li{
		display:inline;
		margin:0 5px 0 0; padding:0 4px;
		text-transform:uppercase;
	}
	
	#search_form{
		position:absolute;
		top:0;
		right:20px;
		width:150px; height:25px;
	}
	#search_form input{ border:none;}
	#search_form .field{
		width:120px;
		margin:0 8px 0 0;
		display:block; float:left;
	}
	#search_form .field input{
		color:#FFF;
		background:none;
		margin:8px 0 0 0;
		text-align:right;
		width:120px;
	}
	#search_form .button{
		background:url(images/search_button2.png) no-repeat 50% 50%;
		width:21px; height:30px;
		display:block; float:left;
	}
	#search_form .button input{
		color:#FFF;
		background:none;
		text-indent:-9000px;
		width:18px; height:30px;
	}
	
/* -------------------------------------------------------------------------------------- HEADER */

#header{ background:url(images/gradient_top.png) repeat-x left top;}
#header .content{
		margin:0 auto;
		width:960px;
		position:relative;
		z-index:9000;
	}
	
	/* 
	--------------------------------------- [ TOP LOGO ] */
	#logo_top{
		text-align:center;
		padding:30px 0 15px 0;
	}
	#logo_top h1{ display:none; }
	
	#logo_top a{
		display:block;
		margin:0 auto;
		width:500px;
	}
	#logo_top span{
		text-transform:uppercase;
	}
	
	
	/* 
	--------------------------------------- [ NAVIGATION ] */
	#top_menu{
		text-align:center;
		background:url(images/fade_920_bottom.png) no-repeat left top;
		padding:28px 0 14px 0;
	}
	
	#top_menu li{
		display:inline;
		margin:0 5px; padding:0 4px;
	}
	#top_menu li a{ text-transform:uppercase; font-size:24px; }
	
	
/* -------------------------------------------------------------------------------------- HOME SLIDER */

#slider_home{ padding:0 0 50px 0;}
#slider_home.wood_slider{ background:url(images/wood_slider.png) repeat-x 50% top; }
#slider_home.woodcrack_slider{ background:url(images/woodcrack_slider.png) no-repeat 50% top; }
#slider_home.eco_slider{ background:url(images/eco_slider.png) no-repeat 50% top; }
#slider_home.baroque_slider{ background:url(images/baroque_slider.png) no-repeat 50% top; }
#slider_home.ink_slider{ background:url(images/ink_slider.png) no-repeat 50% top; }
#slider_home.grunge_slider{ background:url(images/grunge_slider.png) no-repeat 50% top; }
#slider_home.crank_slider{ background:url(images/crank_slider.png) no-repeat 50% top; }
#slider_home.crank2_slider{ background:url(images/crank2_slider.png) no-repeat 50% top; }
	
	#slider_home #slider{
		background:url(images/homeSliderShadow.png);
		margin:0 auto; padding:0 20px;
		width:920px;
	}
	#slider_home #slider #homeslider{}
	
	#slider .nivo-controlNav {
	position:absolute;
	left:30px;
	bottom:-50px; /* Put the nav below the slider */
	z-index:20000;
	}
	#slider .nivo-controlNav a{
		background:url(images/shadow_thumbs_160.png) no-repeat left bottom;
		display:block;
		float:left;
		width:160px;
		padding:0 0 7px 0; margin:0 5px;
	}
	#slider .nivo-controlNav img{
		border:1px solid #9fa1a5;
	}
	#slider .nivo-controlNav img {
		display:inline; /* Unhide the thumbnails */
		position:relative;
		width:160px;
	}
	
	
/* -------------------------------------------------------------------------------------- MAIN */

#main{}
#main .content{
		margin:0 auto;
		width:960px;
	}
	
	#leftPart{ display:block; float:left; width:600px; margin:20px;}
	
	#fullwidth{ display:block; width:920px; margin:20px;}
	#fullwidth .inside{
		background:#ebebeb;
		border:1px solid #c4c4c4;
		padding:18px;
		position:relative;
	}
	#fullwidth h2{
		margin:0 0 20px 0;
	}
	#fullwidth h4{
		margin:0 0 10px 0;
	}
	#fullwidth img{
		padding:8px 0;
	}
	.one_on_one{
		display:block; float:left;
		width:880px;
		margin:0 0 20px 0;
	}
	.one_on_three{
		display:block; float:left;
		width:280px;
		margin:0 20px 20px 0;
	}
	.one_on_three_end{
		display:block; float:left;
		width:280px;
		margin:0 0 20px 0;
	}
	.one_on_two{
		display:block; float:left;
		width:430px;
		margin:0 20px 20px 0;
	}
	.one_on_two_end{
		display:block; float:left;
		width:430px;
		margin:0 0 20px 0;
	}
	.one_on_four{
		display:block; float:left;
		width:205px;
		margin:0 20px 20px 0;
	}
	.one_on_four_end{
		display:block; float:left;
		width:205px;
		margin:0 0 20px 0;
	}
	.three_on_four{
		display:block; float:left;
		width:654px;
		margin:0 8px 20px 10px;
	}
	
	/* 
	--------------------------------------- [ SIDEBAR ] */
	
	#sidebar{ display:block; float:left; width:300px; 
		background:url(images/shadow_1col_img.png) no-repeat left bottom;
		padding:0 0 8px 0; margin:20px 0 20px 0;
	}
	#sidebar .inside{
		background:#ebebeb;
		border:1px solid #c4c4c4;
		padding:18px;
		position:relative;
	}
	#sidebar h4{
		font-size:24px;
		text-transform:uppercase;
	}
	#sidebar ul{
		padding:10px 0 0px 0;
	}
	#sidebar ul li{
		border:1px solid #d0d1d1; border-width:0 0 1px 0;
		padding:4px 6px;
		line-height:19px;
	}
	#sidebar ul li:hover{
		border:1px solid #d0d1d1; border-width:0 0 1px 0;
		background:#f9f9f9;
	}
	
	#sidebar ul li a{ display:block; }
	#sidebar ul li a:hover{ }
	
	#sidebar ul .thumb{
		float:left;
		width:60px; height:60px;
		max-width:60px; max-height:60px;
		margin:0 10px 0 0;
		overflow:hidden;
		border:1px solid #CCC; 
	}
	#sidebar ul .datepost{font-size:14px;}
	
	#sidebar .separator_sidebar{
		background:url(images/separator_sidebar.png) no-repeat 50% 5px;
		display:block;
		height:45px;
      margin-bottom: 20px;
    margin-top: 20px;
	}
	#sidebar ul .counter_post{
		display:block;
		float:right;
		width:30px;
		text-align:right;
		font-weight:bold;
		font-size:11px;
	}
	
	/* FLICKR STREAM */
	#sidebar .flickr_stream{
		padding:5px 0 10px 0;
		display:block;
		height:250px;
	}
	#sidebar .flickr_stream a{
		background:#FFF;
		border:1px solid #aaa;
		display:block; float:left;
		width:75px; height:75px;
		margin:2px 2px 2px 1px; padding:3px;
		position:relative;
	}
	
	.tip {
		color: #fff;
		background:#1d1d1d;
		display:none; /*--Hides by default--*/
		position:absolute;
		z-index:1000;
		top: -25px;
		left: 3px;
		padding:3px;
		width:69px; height:69px;
		font-size:11px; line-height:18px;
		text-align:left;
	}
	
	.flickr{ background:url(images/icons/flickr_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.vimeo{ background:url(images/icons/vimeo_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.linkendin{ background:url(images/icons/linkedin_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.skype{ background:url(images/icons/skype_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.youtube{ background:url(images/icons/youtube_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.twitter{ background:url(images/icons/twitter_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	.facebook{ background:url(images/icons/facebook_16.png) no-repeat left 50%; padding: 0 0 0 23px; }
	
	
	/* 
	--------------------------------------- [ big_slogan ] */
	.big_slogan{
		text-align:center;
		background:url(images/fade_920_top.png) no-repeat 50% top;
		margin:20px 0; padding:32px 0 0 0;
	}
	.big_slogan p{
		background:url(images/fade_920_bottom.png) no-repeat 50% bottom;
		padding:0 0 32px 0;
		font-size:30px;
		line-height:30px;
		text-align:center;
		text-transform:uppercase;
	}
	
	
	/* 
	--------------------------------------- [ boxes_x3 ] */
	.boxes_x3{}
	
	.boxes_x3 .box{
		background:url(images/fade_280.png) no-repeat left bottom;
		display:block;
		float:left;
		width:280px;
		margin:0 20px; padding:0 0 30px 0;
	}
	.boxes_x3 .box h4{
		text-align:center;
		padding:0 0 10px 0;
	}
	
	
	/* 
	--------------------------------------- [ IMAGES SHADOWS ] */
	.one_col_shadow_img{
		background:url(images/shadow_1col_img.png) no-repeat left bottom;
		padding:0 0 9px 0; margin:10px 0 5px 0;
	}
	
	
	/* 
	--------------------------------------- [ DESIGNS ] */
	.readmore{
		font-size:18px;
		text-transform:uppercase;
		padding:10px 0 5px 0;
	}
	
	.center{
		text-align:center;
	}
	
	.biglines{
		font-weight:bold;
		font-size:14px;
	}
	
	.separator_fade_top{
		text-align:center;
		background:url(images/fade_920_top.png) no-repeat left top;
		height:30px; width:100%;
	}
	.separator_fade_bottom{
		text-align:center;
		background:url(images/fade_920_bottom.png) no-repeat left bottom;
		height:30px; width:100%;
	}
	
	/* 
	--------------------------------------- [ STYLE DESIGN ] */
	/* Grunge */
	.main_bottom_grunge .content{
		background:url(images/grunge_bottom.png);
		width:960px; height:93px;
		margin:0 auto;
	}
	
	/* Eco */
	.main_bottom_eco .content{
		background:url(images/eco_bottom.png);
		width:960px; height:121px;
		margin:0 auto;
	}
	
	/* Crank */
	.main_bottom_crank{
		background:url(images/crank_bottom.png) repeat-x 50% bottom;
	}
	.main_bottom_crank .content{
		width:960px; height:61px;
		margin:0 auto;
	}
	
	/* Crank 2 */
	.main_bottom_crank2{
		background:url(images/crank2_bottom.png) repeat-x 50% bottom;
	}
	.main_bottom_crank2 .content{
		width:960px; height:40px;
		margin:0 auto;
	}
	
	/* Wood */
	.main_bottom_wood{
		background:url(images/wood_bottom.png) repeat-x 50% bottom;
	}
	.main_bottom_wood .content{
		width:960px; height:102px;
		margin:0 auto;
	}
	
	/* WoodCrack */
	.main_bottom_woodcrack .content{
		background:url(images/woodcrack_bottom.png);
		width:960px; height:121px;
		margin:0 auto;
	}
	
	/* Ink */
	.main_bottom_ink .content{
		background:url(images/ink_bottom.png) no-repeat 50% bottom;
		width:960px; height:81px;
		margin:0 auto;
	}
	
	/* Baroque */
	.main_bottom_baroque .content{
		background:url(images/baroque_bottom.png) repeat-x 50% bottom;
		width:960px; height:102px;
		margin:0 auto;
	}
	
	
	
#slider_home.wood_slider{ background:url(images/wood_slider.png) repeat-x 50% top; }
#slider_home.woodcrack_slider{ background:url(images/woodcrack_slider.png) no-repeat 50% top; }

/* -------------------------------------------------------------------------------------- BLOG */
.blog_entry{
	background:url(images/shadow_1col_img.png) no-repeat left bottom;
	padding:0 0 8px 0; margin:0 0 30px 0;
}
.blog_entry .inside{
	background:#ebebeb;
	border:1px solid #c4c4c4;
	padding:18px;
	position:relative;
}
.blog_entry .inside a.arrow_read{
	position:absolute;
	right:-1px; bottom:10px;
	width:30px; height:30px;
}

.blog_entry .inside .date{
	position:absolute;
	left:-1px; top:8px;
	padding:3px 5px;
	font-size:11px; text-transform:uppercase;
}

.blog_entry .inside .comments{
	position:absolute;
	right:0; top:8px;
	background:url(images/comment_counter_bg.png);
	font-size:11px; text-transform:uppercase; text-align:right; font-weight:bold;
	padding:0 30px 0 0;
	width:209px; height:30px; line-height:32px;
}
.blog_entry .preview_blog{
	padding:5px 0;
}

/* Comments
	-------------------------------------------------------------------------------------- */
	#comments{
	margin:0; padding:20px;
	width:560px;
	background:#000;
	color:#FFF;
}

	#comments h3{
		margin:0 0 20px 20px;
	}
	
	.comments_post{
		background:#181818;
		border-top:1px solid #222;
		border-bottom:1px solid #333;
		padding:10px;
		height:100%;
	}
	
	.comments_post .avatarz{
		float:left;
		width:100px;
	}
	
	.comments_post .avatarz img{
		border:1px solid #ccc;
		padding:7px;
	}
	
	.comments_post .user_post{
		float:left;
		margin:0 0 0 10px;
		height:100%;
		width:420px;
	}
	.user_post_end{
		margin:0 0 30px 0; padding:0 0 10px 0;
	}
	
	.comments_post .user_post p{
		border:1px solid #333; border-width:1px 0 0 0;
		font-size:13px;
		padding:8px 0 0 0;
	}
	
	.comments_post .user_name{
		font-size:18px;
	}
	.comments_post .date_right{
		float:right;
	}
	
	
/* -------------------------------------------------------------------------------------- FORMS */
.form_block{
		display:block;
		margin:0; padding:30px 0 12px 0;
		width:560px;
}
.form_block .separator{
		background:url(images/grey_line.jpg) repeat-x left bottom;
		display:block;
		clear:both;
		height:9px;
		margin:0 0 20px 0;
	}
	.form_block .form_left, .form_block .form_right{
		display:block;
		margin:0 0 10px 0;
		position:relative;
		width:540px;
	}
	.form_block .form_left label, .form_block .form_right label{
		display:block; float:left;
		font-size:13px;
		width:100px; height:35px;
		line-height:35px;
		margin:0 0 0 20px;
	}
	.form_block input, .form_block input{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:400px;
		font-size:13px;
	}
	.form_block .file_input{
		background:#FFF;
		border:1px solid #ccc;
		padding:6px;
		width:250px !important; height:30px !important;
	}
	.form_block .demi{
		background:#e9e9e9;
		border:1px solid #ccc;
		padding:8px;
		width:250px !important; height:30px !important;
	}
	.form_block .full_field{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:518px !important;
	}
	.form_block .form_textarea{
		display:block; float:left;
		margin:0 0 10px 0;
		position:relative;
		width:540px;
	}
	.form_block .form_textarea label{
		display:block; float:left;
		font-size:13px;
		margin:0 0 0 20px;
		width:100px;
	}
	.form_block .form_textarea textarea{
		background:#FFF;
		border:1px solid #ccc;
		float:left;
		padding:8px;
		width:400px; height:150px;
		font-size:13px;
	}
	.form_block .form_textarea textarea.giant{
		background:#FFF;
		border:1px solid #ccc;
		clear:both;
		padding:8px;
		width:560px; height:450px;
		font-size:13px;
	}
	.form_block .form_submit{
		padding:10px 30px;
		margin:0 0 0 20px;
		text-align:right;
		width:460px;
	}
	.form_block #check{
		background:#FFF;
		border:1px solid #ccc;
		padding:8px;
		width:35px;
		font-size:13px;
	}
	.form_block .form_submit input{
		background:#222;
		border:none;
		color:#FFF;
		cursor:pointer;
		font-size:13px;
		padding:6px;
		text-transform:uppercase;
		text-align:center;
		width:120px;
	}
	.form_block .mep_btn{
		background:#FFF;
		border:1px solid #ccc;
		color:#333;
		cursor:pointer;
		font-size:11px;
		padding:6px;
		text-transform:uppercase;
		text-align:center;
		width:70px;
		margin:1px;
	}
	.form_block .mep_btn:hover{
		background:#333;
		border:1px solid #ccc;
		color:#FFF;
	}
	.form_block label.error {
		background:url(images/warning_16.png) no-repeat left 50%;
		padding:0 0 0 24px;
		font-size:12px;
		font-style:italic;
		color:#F00;
		display:block;
		width:250px;
		position:absolute;
		top:0px;
		right:10px;
		z-index:99;
		text-align:right;
	}
		
	#getit{
		position:relative;
	}
	#errorcaptcha{
		position:absolute;
		top:0px;
		left:180px;
		display:block;
		text-align:left;
		width:150px;
		color:#F00;
	}
	
	.google_map{
		background:#FFF;
		border:1px solid #d8d8d8;
		margin:20px 0 0 0; padding:6px;
	}
	#map_canvas{
		display:block;
		width:540px; height:350px;
	}
	
/* -------------------------------------------------------------------------------------- PAGINATION */
	#paginator{
		text-align:center;
		width:560px; height:28px;
		position:relative;
		font-size:12px;
	}
	div.pagination {
		text-align:right;
	}
	div.pagin{
		position:absolute;
		top:12px;
		right:15px;
	}
	div.pagination a {
		background:#ebebeb;
		border:1px solid #c4c4c4;
		color:#333;
		font-weight: bold;
		margin: 2px; padding: 4px 8px 4px 8px !important;
		font-size:12px !important;
	}
	div.pagination a:hover,active {
	}
	div.pagination span.courante {
		padding: 4px 8px 4px 8px;
		margin: 2px;
		font-size:12px !important;
	}
	div.pagination span.desactive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #999;
	}
	#paginator_folio{
		text-align:center;
		width:920px; height:28px;
		position:relative;
		font-size:12px;
	}
	#paginator_folio div.pagination {
		text-align:center;
	}
	#paginator_folio div.pagin{
		position:absolute;
		top:12px;
		right:15px;
	}
	#paginator_folio div.pagination a {
		background:#ebebeb;
		border:1px solid #c4c4c4;
		color:#333;
		font-weight: bold;
		margin: 2px; padding: 4px 8px 4px 8px !important;
		font-size:12px !important;
	}
	#paginator_folio div.pagination a:hover,active {
	}
	#paginator_folio div.pagination span.courante {
		padding: 4px 8px 4px 8px;
		margin: 2px;
		font-size:12px !important;
	}
	#paginator_folio div.pagination span.desactive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #999;
	}
	
	
	
/* -------------------------------------------------------------------------------------- PORTFOLIO */

	#portfolio-filter li{
		display:inline;
		margin:0 10px; padding:3px 5px;
	}
	
	#portfolio{
		padding:0 20px;
	}
	.portfolio_grid_item{
		display:block; float:left;
		width:280px;
		margin:0 0 20px 20px;
		position:relative;
	}
	.portfolio_grid_item .detailgo{
		float:right;
	}
	.portfolio_grid_item h5{
		float:left;
		z-index:2000;
		position:absolute;
		top:10px;
		left:0;
	}
	.portfolio_grid_item .preview_folio{
		position:relative;
		z-index:3000;
	}
	.portfolio_grid_item .zoom{
		background:url(images/transparency_black.png);
		display:block; float:left;
		width:20px; height:20px;
		padding:70px 60px;
		z-index:4000;
		position:absolute;
		top:0;
		left:0;
	}
	.portfolio_grid_item .detailgo{
		background:url(images/transparency_black.png);
		display:block; float:left;
		width:20px; height:20px;
		padding:70px 60px;
		z-index:4000;
		position:absolute;
		top:0;
		right:0;
	}
	
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:#0a0e11;}
#footer .content{
		color:#FFF;
		margin:0 auto; padding:20px 0;
		width:960px;
	}
#footer h4{
	font-size:20px;
	padding:0 0 10px 0; margin:0 0 10px 0;
	text-transform:uppercase;
}
#footer #bottom_logo{
	text-align:center;
	background:url(images/separator_bottom.png) no-repeat left bottom;
	padding:0 0 20px 0;
}
#footer #bottom_logo a{
	text-align:center;
	display:block;
	margin:0 auto;
	width:325px;
}
#footer #bottom_logo span{ text-transform:uppercase;}

#footer .col_2_blocks{
	display:block;
	float:left;
	width:280px;
	margin:0 20px; padding:20px 0;
}
#footer .col_2_blocks h4{
	background:url(images/footer_col_1_title_line.jpg) no-repeat right bottom;
	text-align:right;
}
#footer .col_2_blocks_end{
	display:block;
	float:left;
	width:240px;
	margin:0 20px; padding:20px 0;
}
#footer .col_2_blocks_end h4{
	background:url(images/footer_col_4_title_line.jpg) no-repeat left bottom;
}
#footer .col_1_block{
	display:block;
	float:left;
	width:140px;
	margin:0 20px; padding:20px 0;
}
#footer .col_1_block h4{
	background:url(images/footer_col_2_title_line.jpg) repeat-x right bottom;
}
#footer .col_1_block ul li a{
	padding:4px 6px;
}
#footer .copyright{
	text-align:center;
	background:url(images/separator_bottom.png) no-repeat left top;
	padding:10px 0 10px 0;
}

/* Twitter update ------------------------------- */
	#twitterUpdate{}
	#twitterUpdate a{ color:#FFF;}
	#tweeter{width:0px; height:0px; text-indent:-9000px;}
	
	#deadTweets{
		text-align:right;
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}
	
/* Friend Page layout ------------------------------- */
	
	.one-third{
	float: left;
	width: 270px;
	padding: 0 20px 0 0px;
	margin-bottom: 0px;
	
}
	

/* -------------------------------------------------------------------------------------- Notification block*/

.notice_friend, .notice_friend9, .notice_friend10, .notice_friend11, .notice_friend23, .notice_friend15, .notice_friend21, .notice_friend2, .notice_friend27, .notice_friend29{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 10px;
  position:relative;
}
.notice_friend3{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 160px;
  position:relative;
}
.notice_friend5{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 40px;
  position:relative;
}
.notice_friend6{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 25px;
  position:relative;
}
.notice_friend7, .notice_friend8{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 120px;
	position:relative;
}
.notice_friend4{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 70px;
	position:relative;
}
.notice_friend12{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 125px;
	position:relative;
}
.notice_friend13, .notice_friend16, .notice_friend22, .notice_friend26, .notice_friend31, .notice_friend32, .notice_friend33{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 25px;
	position:relative;
}
.notice_friend31, .notice_friend32, .notice_friend33{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 10px;
	position:relative;
}
.notice_friend14{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 115px;
	position:relative;
}
.notice_friend17{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 135px;
  position:relative;
}
.notice_friend18, .notice_friend19{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 155px;
	position:relative;
}
.notice_friend20{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 175px;
	position:relative;
}
.notice_friend25, .notice_friend24{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 110px;
	position:relative;
}
.notice_friend28, .notice_friend32{
	border: 1px solid;
	margin: 10px 0px;
	padding:140px 10px 15px 145px;
	position:relative;
}
.notice_friend30{
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 120px;
  position:relative;
}
.notice_friend4 p, .notice_friend3 p, .notice_friend p, .notice_friend5 p, .notice_friend2 p, .notice_friend7 p, .notice_friend8 p, .notice_friend9 p, .notice_friend10 p, .notice_friend11 p, .notice_friend12 p, .notice_friend13 p, .notice_friend14 p, .notice_friend15 p, .notice_friend16 p, .notice_friend17 p, .notice_friend18 p, .notice_friend19 p, .notice_friend20 p, .notice_friend21 p, .notice_friend22 p, .notice_friend23 p, .notice_friend24 p, .notice_friend25 p, .notice_friend26 p, .notice_friend27 p, .notice_friend28 p, .notice_friend29 p, .notice_friend30 p, .notice_friend6 p, .notice_friend31 p, .notice_friend32 p, .notice_friend33 p{padding:0 0 10px 0;}

.notice_friend4 h5, .notice_friend3 h5, .notice_friend h5, .notice_friend5 h5, .notice_friend2 h5, .notice_friend7 h5, .notice_friend9 h5, .notice_friend10 h5, .notice_friend11 h5, .notice_friend12 h5, .notice_friend13 h5, .notice_friend14 h5, .notice_friend15 h5, .notice_friend16 h5, .notice_friend17 h5, .notice_friend18 h5, .notice_friend19 h5, .notice_friend20 h5, .notice_friend21 h5, .notice_friend22 h5, .notice_friend23 h5, .notice_friend24 h5, .notice_friend25 h5, .notice_friend26 h5,  .notice_friend27 h5, .notice_friend8 h5, .notice_friend27 h5, .notice_friend28 h5, .notice_friend29 h5, .notice_friend30 h5, .notice_friend6 h5, .notice_friend31 h5, .notice_friend32 h5, .notice_friend33 h5{ text-transform:uppercase;}

.notice_friend3 {
  color: #000000;
    background:#adc7d3 url(images/friends/notice_friend3.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend3 h5{ color:#000000;}

.notice_friend {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend h5{ color:#000000;}

.notice_friend4 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend4.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend4 h5{ color:#000000;}

.notice_friend5 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend5.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend5 h5{ color:#000000;}

.notice_friend2 {
  color: #000000;
  background:#adc7d3 url(images/friends/notice_friend2.jpg) repeat-x;
  border-color:#ebebeb;
  max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend2 h5{ color:#000000;}

.notice_friend6 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend6.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend6 h5{ color:#000000;}

.notice_friend7 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend7.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend7 h5{ color:#000000;}

.notice_friend8 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend8.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend8 h5{ color:#000000;}

.notice_friend9 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend9.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend9 h5{ color:#000000;}

.notice_friend10 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend10.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend10 h5{ color:#000000;}

.notice_friend11 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend11.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend11 h5{ color:#000000;}

.notice_friend12 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend12.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend12 h5{ color:#000000;}

.notice_friend13 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend13.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend13 h5{ color:#000000;}

.notice_friend14 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend14.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend14 h5{ color:#000000;}

.notice_friend15 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend15.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend15 h5{ color:#000000;}

.notice_friend16 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend16.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend16 h5{ color:#000000;}

.notice_friend17 {
  color: #000000;
    background:#adc7d3 url(images/friends/notice_friend17.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend17 h5{ color:#000000;}

.notice_friend18 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend18.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend18 h5{ color:#000000;}

.notice_friend19 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend19.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend19 h5{ color:#000000;}

.notice_friend20 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend20.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend20 h5{ color:#000000;}

.notice_friend21 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend21.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend21 h5{ color:#000000;}

.notice_friend22 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend22.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend22 h5{ color:#000000;}

.notice_friend23 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend23.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend23 h5{ color:#000000;}

.notice_friend24 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend24.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend24 h5{ color:#000000;}

.notice_friend25 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend25.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend25 h5{ color:#000000;}

.notice_friend26 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend26.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend26 h5{ color:#000000;}

.notice_friend27 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend27.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend27 h5{ color:#000000;}

.notice_friend28 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend28.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend28 h5{ color:#000000;}

.notice_friend29 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend29.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend29 h5{ color:#000000;}

.notice_friend30 {
  color: #000000;
    background:#adc7d3 url(images/friends/notice_friend30.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 170px;
	max-height: 170px;
}
.notice_friend30 h5{ color:#000000;}

.notice_friend31 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend31.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend31 h5{ color:#000000;}

.notice_friend32 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend32.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend32 h5{ color:#000000;}

.notice_friend33 {
	color: #000000;
    background:#adc7d3 url(images/friends/notice_friend33.jpg) repeat-x;
    border-color:#ebebeb;
	max-width: 250px;
	min-height: 45px;
	max-height: 45px;
}
.notice_friend33 h5{ color:#000000;}

.note {
  color: #333;
  background:#d2d2d2 url(images/notice_white.png) repeat-x;
  border:1px solid #d2d2d2;
  border-bottom:5px solid #d2d2d2;
}
.note p{ 
	background:url(images/icons/bubble_48.png) no-repeat 15px 15px; 
	padding:15px 15px 15px 80px;
}

.note_p{
	text-align:right;
	font-size:10px;
	color:#999;
}

/* -------------------------------------------------------------------------------------- ADMIN PART */
	.delete_list li{
	border:1px solid #bbb; border-width:0 0 1px 0;
	padding:10px;
	height:20px;
	clear:both;
}
.delete_list li .id{
	display:block; float:left;
	text-align:center;
	width:60px;
}
.delete_list li.head{
	font-weight:bold;
}
.delete_list li .title{
	display:block; float:left;
	padding:0 0 0 10px;
	width:210px;
}
.delete_list li .seo_url_tab{
	display:block; float:left;
	padding:0 0 0 10px;
	width:180px;
}
.delete_list li .delete{
	display:block; float:left;
	width:70px;
	text-align:right;
}

.delete_item{
	border:1px dotted #b8b8b8; border-width:0 0 1px 0;
	margin:0 0px 10px 0px; padding:0 0 10px 0;
	height:18px;
}
.delete_item .delete_date{
	display:block; float:left;
	width:80px;
}
.delete_item .delete_title{
	display:block; float:left;
	padding:0 0 0 15px;
	font-weight:bold;
	width:360px;
}
.delete_item .delete_remove{
	display:block; float:left;
	text-align:right;
	line-height:20px;
	width:100px;
}
.user_name a{
    color:#FFF!important;
}
.widgit-area{
    display:block;
    margin-top:10px;
}